<!-- ChatWindow.vue 主容器组件 -->
<template>
	<div class="chat-container">
		<MessageList
			:messages="messages"
			:current-user="currentUser"
			:target-user="targetUser"
		/>
	</div>
</template>

<script setup>
import MessageList from './MessageList.vue'

defineProps({
	currentUser: { type: Object, required: true },
	targetUser: { type: Object, required: true },
	messages: { type: Array, default: () => [] }
})
</script>

<style scoped>
.chat-container {
	border: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	height: 100vh;
}
</style>
